<#global staticPath = "${request.contextPath}">
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
		<link href="${staticPath}/ICalendar/css/lCalendar.css" rel="stylesheet" type="text/css"/>
		
		<script src="${staticPath}/ICalendar/js/lCalendar.js"></script>
		
<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				-webkit-appearance: none;
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
				-webkit-touch-callout: none;
				box-sizing: border-box;
			}
			
			html,
			body {
				margin: 0 auto;
				width: 100%;
				min-height: 100%;
				overflow-x: hidden;
				-webkit-user-select: none;
			}
			
			body {
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				-webkit-text-size-adjust: 100%;
				-webkit-overflow-scrolling: touch;
				overflow-scrolling: touch;
			}
			
			h1 {
				background-color: #19b5ee;
				color: #fff;
				font-size: 25px;
				text-align: center;
				padding: 10px;
			}
			
			input {
				width: 90%;
				height: 40px;
				font-size: 18px;
				border: 1px solid #19b5ee;
				border-radius: 5px;
				margin: 20px 5% 0 5%;
				padding: 5px;
			}
		</style>
		
	</head>

	<body>
		<h1>lCalendar纯原生js日期时间选择</h1>
		
		<div>
			<input id="demo3" type="text" readonly="" name="reachTime" placeholder="时间选择特效" />
		</div>
		<br />
		
		<script>
			
			var calendartime = new lCalendar();
			calendartime.init({
				'trigger': '#demo3',
				'type': 'time'
			});
		</script>
	
 </body>
</html>
